<template>
  <div class="expand-hotspot h-6 w-6 flex cursor-pointer select-none items-center justify-center rounded-1 text-6 active:(bg-white/10 opacity-100) hover:opacity-70" draggable="false">
    <i class="i-ion:close-outline" />
  </div>
</template>

<style lang="scss" scoped>
.expand-hotspot {
  position: relative;

  &::after {
    content: '';
    position: absolute;
    inset: -3px;
  }
}
</style>
